
*{
    /* 默认外边距为0 */
    margin: 0;
    /* 默认内边距为0 */
    padding: 0;
}
body{
    margin: 0px;
}
a{
    /* 去链接下滑线 */
    text-decoration: none;
}
/* 上 */
.header{
    background-color: black;
    height: 66px;
}
/* 链接1 */
.lianjie1{
    color: white;
    /* 
    line-height:调整行高，影响元素高度 
    */
    line-height: 66px;
    margin-left: 222px;
}
/* 链接2 */
.lianjie2{
    color: white;
    margin-left: 100px;
}
.lianjie3{
    color: white;
    margin-left: 65px;
}
/* 中 */
.article{
    height: 2071px;
    background-color: #f5f8fa;
}
/* 中左 */
.centreleft{
    margin-top: 35px;
    height: 2041px;
    background-color: #ffffff;
    width: 842px;
    /*
    border：外边框 */
    margin-left: 222px;
     display: inline-block; 
     /* 
     padding:外边距
      */
    padding-left: 25px;
    /* 字符间距 */
    letter-spacing: 2px;
    /* 调整行高，影响元素高度 */
    line-height: 26px;
}
/* 第一段 */
.diyiduan{
    /* 
    border:外边框
    border-bottom:外边框下面加黑色实线 */
    border-bottom: black 1px solid;
    /* 
    外边距：下面距离80 */
    padding-bottom: 80px;
}
/* 用于对文档中行内元素进行组合 */
.zhongzuo span{
    margin-right: 25px;
    margin-top: 36px;
}
/* we前端 */
.diyiduan h1{
    margin-top: 36px;
    padding-bottom: 37px;
}
/* HTML5的发展 */
.dierbiaoti{
    border-bottom: black 1px solid;
    padding-bottom: 80px;
}
.dierbiaoti h2{
    margin-top: 100px;
}
.dierduan1{
    margin-top: 50px;
 } 
 /* 新性能 */
.disanbiaoti{
    border-bottom: black 1px solid;
    padding-bottom: 80px;
}
.disanbiaoti h2{
    margin-top: 121px;
}
.disanbiaoti1{
    margin-top: 50px;
}
.disanduan2{
    margin-top: 43px;
}
/* HTML5两大特点 */
.disibiaoti{
    border-bottom: black 1px solid;
    padding-bottom: 100px;
}
.disibiaoti h2{
    margin-top: 117px;
}
.disiduan1{
    margin-top: 42px;
}
.diwubiaoti{
    border: black 1px solid;
    padding: 31px;
}
/* 第五段 */
.diwubiaoti{
    margin-top: 67px;
}
/* 中右 */
.zhongyou{
    /* 改变元素类型，使其不独占一行 */
    display: inline-block;
    /* 置顶 */
    vertical-align: top;
    margin-left: 35px;
}
/* 右上 */
.youshang{
    background-color: #ffffff;
    width: 405px;
    height: 297px;
    margin-top: 35px;
    color: black;
    padding: 11px;
}
/* 右上标题 */
.youshang h2{
    border-bottom: black 1px solid;
    padding-bottom: 20px;
}
.you{
    margin-top: 25px;
}
/* 右下 */
.youxia{
    background-color: #ffffff;
    width: 405px;
    height: 297px;
    margin-top: 35px;
    color: black;
    padding: 11px;
}
.youxia h2{
    border-bottom: black 1px solid;
    padding-bottom: 20px;
}
/* 下 */
.xia{
    height: 168px;
    background-color: black;
    color: white;
    text-align: center;
}
/* 下里面的内容 */
.xia p{
    padding: 15px;
}